<template>
    <div class="singer-home">
       <!-- 导航栏 -->
       <van-nav-bar
        title="歌手信息"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
        />
<!-- 标签页 -->
<van-tabs v-model="active">
    <van-tab title="百科">
        <SingerIntro :singerid='id'/>
    </van-tab>
    <van-tab title="歌曲">
        <SingerSong :singerid='id'/>
    </van-tab>
</van-tabs>
    </div>
</template>

<script>
import SingerIntro from "./components/SingerIntro.vue";
import SingerSong from "./components/SingerSong.vue";

export default{
    data(){
        return{
            active:0,
            id:this.$route.params.id
        };
    },
    method:{
        onClickLeft(){
            window.history.length > 1 ? this.$router.go(-1) : this.$router.push('/')
        },

    },
    components:{
        SingerIntro,
        SingerSong
    },
    created:{
        
    },

};
</script>
<style scoped>


</style>